@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background:#fff;}
div,input,span,p,li,a{ font-family:微软雅黑,Arial, Helvetica, sans-serif;text-align:justify; text-justify:inter-ideograph;}

ul,li { list-style:none;}
a{blr:expression(this.onFocus=this.blur());outline:none !important;}
*:hover {transition-delay: 0s; transition-duration: 0.3s;transition-property: all; transition-timing-function: ease;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img { max-width: 100%;}


.navbar { width: 100%; border: none; background: #fff; margin:0;  border-radius: 0px; border-top: 5px #e60012 solid; box-shadow: 0px 1px 3px #ccc; position: relative;}
.collapse { position:relative;}

.menu_dropdown { width: 100%; position: absolute; left: 0px; top: 110px; background: #e60012; display: none; z-index: 9999;}
.menu_left {float: left;}
.menu_right {float: right;}
.menu_dropdown ul.second_menu { float: left; margin:0; padding: 20px 0px;width:96px;}
.menu_dropdown ul.second_menu li { width: 100%;}
.menu_dropdown ul.second_menu li.home { padding: 0px 20px; text-indent: -500px; overflow: hidden; line-height: 26px; min-width: 85px;}

.menu_dropdown ul.second_menu li a { padding: 0px 20px; line-height: 26px; font-size: 14px; text-decoration: none; color: #fff;}
.menu_dropdown .second_menu_logo{ width: 190px; height: 26px; float: left;}

.navbar-pc {min-height: 115px; }
.navbar-pc .navbar-brand { position: absolute; left: 50%; top: 0px; margin-left: -95px !important; padding: 0px;}
.navbar-pc .navbar-nav > li > a { line-height: 110px; padding: 0px 20px; font-size: 14px;}

.navbar-phone { display: none;}
.navbar-phone .navbar-toggle { border:1px #ccc solid; margin: 20px;}
.navbar-phone .navbar-toggle span{ background: #ccc;}
.navbar-phone .navbar-brand {padding: 0px 15px; width:150px; margin: 0;}
.navbar-phone .navbar-nav > li > a { line-height: 70px; padding: 0px 20px; font-size: 14px;color:#57F53A;}

ul.nav { padding: 0;}

@media (max-width:768px) {
.navbar-phone .navbar-collapse { background: #e60012;}
.dropdown-menu>li>a{color:#fff;}
.store_rim ul {margin: 0 -10px !important;}
.store_rim ul li { padding: 10px !important;}
.store_rim { padding: 30px 15px 0px !important;}
.copyright { padding: 20px 0px 80px  !important;  background: url(../images/foot_right_logo.jpg) center bottom no-repeat !important;}

}

@media (max-width:992px) {
.navbar-phone { display: block !important;}
.navbar-pc { display: none !important;}
.fixed_bar { display: none !important;}

}


.banner { width: 100%;}
.banner img { width:100%;}
.pub_title { width: 100%; height: 40px; font-weight: bold; background: url(../images/pub_title_bg.gif) center top no-repeat; line-height: 40px; font-size: 20px; color: #333; text-align: center;}
#slide_a31 { width: 100% !important; height: auto !important;}
.box_main { width: 100%; padding: 50px 0px;}
.index_pro { width: 100%; padding:0px;}
.index_pro_rim { width: 100%; padding: 30px 0px;}
.index_pro_rim ul { margin:0 -15px; padding: 0px;}
.index_pro_rim ul li { padding: 15px;}
.index_pro_rim ul li img { width: 100%;}

.index_02 { padding: 30px 0px;}
.index_02 .col-md-8 { padding: 15px;}
.index_02 .col-md-4 { padding: 15px;}
.index_02 .col-md-8 .col-xs-6{ padding: 0px;}
.index_02 .col-md-8 .col-xs-6 img{ width: 100% !important; height: auto !important;}
.index_02 .col-md-4 .news_rims { width: 100%; border-bottom: 1px #ccc solid; padding:20px 0px;}
.index_02 .col-md-4 .news_rims .title{ width: 100%; height: 50px;font-size: 14px; text-align: left; line-height: 55px; font-family:微软雅黑;}
.index_02 .col-md-4 .news_rims .title span{ color: #6f594c; font-size: 30px; float: left; line-height: 50px; padding-right: 10px; font-family: times;}
.index_02 .col-md-4 .news_rims ul{ width: 100%; margin: 0; padding: 15px;}
.index_02 .col-md-4 .news_rims ul li{ width: 100%; height:30px; list-style: square;}
.index_02 .col-md-4 .news_rims ul li a{ line-height: 30px; text-decoration: none; color: #666; font-size: 14px;}
.index_02 .col-md-4 .news_rims ul li a:hover{text-decoration: none; color: #f00;}

.video_rim { width: 100%; height: auto; background: url(../images/index_video_bg.jpg) center no-repeat fixed; background-size: cover;}
.video_rim .col-xs-12 { padding: 20px 15px;}
.video_rim .col-xs-12 img { width: 80%; max-width: 372px; margin: 50px auto; display: block;}
.video_rim .col-xs-12 .video_index {padding:30px;}
.video_rim .col-xs-12 .video_index iframe{height:400px;}

@media screen and (max-width:675px){

.video_rim .col-xs-12 .video_index iframe{height:auto;}

}

.store_rim { padding: 30px 30px 0;}
.store_rim .pub_title { margin-bottom: 50px;}
.store_rim img { width: 100%;}

.backtop { width: 100%; border-top: 1px #ccc solid; padding: 20px 0px;}
.backtop a { display: block; background: url(../images/backtop.gif) no-repeat; width:28px; height: 10px; margin: 0 auto; text-decoration: none;}

.foot_rim { background: #f2f2f2; padding: 30px 0px;}



.banner_in { width: 100%;}

.content { padding: 20px 0;}
#content { padding: 30px 0;}
#content h3 { font-size: 20px; font-weight: bold; padding: 20px 0px;}
#content p { font-size: 14px; line-height: 26px; padding: 20px 0px; color: #444; text-indent: 0;}
#content .col-xs-12  { padding: 15px;}
#content .col-xs-12 img {width: 100%;}

.banner_pro { width: 100%; height:490px; background: url(../images/pro_banner.jpg) center top no-repeat;position: relative;background-size: cover;}

.pro_nav { background: #000; opacity: 0.8;width: 100%;}
.pro_nav ul { margin: 0 -15px; padding:0px;}
.pro_nav ul li { padding:0px 10px; line-height: 70px; float: left;}
.pro_nav ul li a{ padding: 0px 20px; display: block; line-height: 70px; font-size: 14px; color: #fff; text-decoration: none;}
.pro_nav ul li a:hover{ background: #f0be1f; color: #000; text-decoration: none;}

.pro_rim { padding: 30px 0px;}
.pro_rim ul{ margin: 0 -15px; padding: 0px;}
.pro_rim ul li { padding: 15px;}
.pro_rim ul li a { display: block; line-height: 30px;}
.pro_rim ul li img { width: 100%;}
.pro_rim li a:hover{ text-decoration: none; color: #f00;}
.pro_rim li a:hover img{ opacity: 0.8;}

.news_rims { width: 100%; padding: 30px 0px;}
.news_rims h1 { text-align: center; font-size: 20px; padding: 0px 0px 15px;}
.news_rims p.small_txt { line-height: 30px; font-size: 12px; color: #666; text-align:center;padding: 0px 0px 5px; border-bottom: 1px #ddd dotted; margin: 0;}
.news_rims ul.news_li { margin: 0; padding: 0;}
.news_rims ul.news_li li{ padding:40px 0px; border-bottom: 1px #ddd dotted;}
.news_rims ul.news_li li .news_img img{ width: 100%;}
.news_rims ul.news_li li a{ display: block;}
.news_rims ul.news_li li .news_info a{ width: 100%; height: 40px; line-height: 40px; font-size: 20px; color: #333; text-decoration: none;}
.news_rims ul.news_li li .news_info a:hover { color: #f00; text-decoration: none;}
.news_rims ul.news_li li .news_info p { color: #777; line-height: 26px;max-height:94px; font-size: 14px; margin: 0; padding:8px 0px;overflow:hidden;}
.news_rims ul.news_li li .news_info span { color: #999; line-height: 26px; font-size: 14px;}

.pro_info { width: 100%; padding: 30px 0px;}
.pro_info h1 { text-align: center; font-size: 20px; padding: 0px 0px 15px;}
.pro_info #content { padding: 10px 0 30px;}
.np { padding: 20px 0px; border-top: 1px #ddd solid;}


.video_rim_li { padding: 50px 0px;}
.video_rim_li ul { margin: 0 -15px; padding: 0;}
.video_rim_li li { padding: 15px;}
.video_rim_li li a{ display: block; line-height: 30px;}
.video_rim_li li a:hover{ text-decoration: none; color: #f00;}
.video_rim_li li img{ width: 100%;}
.video_rim_li li a:hover img{ opacity: 0.8;}

.video_detail { padding: 50px 0px;}
.video_detail h1 { text-align: center; font-size: 20px; padding: 0px 0px 15px;}
.player embed, .player object{ width: 100% !important; max-width: 480px;}

.foot_links { width: 100%; border-bottom: 1px #ccc solid; padding-bottom: 30px;}
.copyright { padding: 20px 0px; line-height: 20px; font-size: 12px; color: #666; text-transform: uppercase; background: url(../images/foot_right_logo.jpg) right 20px no-repeat;}
.foot_link_ul { text-align: left;}
.foot_link_ul ul { margin:0; padding:20px; display: inline-block;vertical-align:top; }
.foot_link_ul ul li { line-height: 30px; display: block;}
.foot_link_ul ul li.titles { font-size: 14px; font-weight: bold; color: #333; line-height: 40px;}
.foot_link_ul ul li a { line-height: 30px; text-decoration: none; color: #666;}
.foot_link_ul ul li a:hover { color: #f00; text-decoration: none;}
.foot_code_img { text-align: center;}
.foot_code_img img { margin-top: 20px;}

.fixed_bar { width: 140px; height: auto; position: fixed; bottom: 20px; right: 150px; z-index: 999;}
.fixed_bar ul { margin:0;padding: 0; background: #fdc921;}
.fixed_bar ul li { width: 140px; height: auto; border-bottom: 1px #fff dotted;}
.fixed_bar ul li a{ display: block; width: 140px; height: 140px; text-indent: -200px; overflow: hidden; text-decoration: none;}
.fixed_bar ul li a.ms { background: url(../images/fixed_bar.jpg) 0px no-repeat;}
.fixed_bar ul li a.js { background: url(../images/fixed_bar.jpg) -140px 0px no-repeat;}
.fixed_bar ul li a.jm { background: url(../images/fixed_bar.jpg) -280px 0px no-repeat;}
.fixed_bar ul li a.jj { background: url(../images/fixed_bar.jpg) right 0px no-repeat;}
.fixed_bar ul li a:hover{ opacity: 0.8;}

.fixed_bar ul li.last { width: 140px; height: auto; border-bottom:none; background: #482012;}
.fixed_bar ul li.last p{ width: 140px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; margin: 0;}
.fixed_bar ul li.last h3{ width: 140px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; margin: 0;}

.msg_rim { max-width: 900px; margin: 0 auto; padding:50px 0px; }
.msg_rim ul { margin: 0 -15px; padding: 0;}
.msg_rim ul li { padding:5px 15px;}
.msg_rim ul li .btn { width: 200px; height: 40px; border: 1px #482112 solid; background: #9d4409; color: #fff; text-align: center; float: right;}
.msg_rim ul li input { border: 1px #ccc solid; border-radius: 5px; padding: 10px; height: 40px; width: 100%;}
.msg_rim ul li input#captcha { border: 1px #ccc solid; border-radius: 5px; padding: 10px; height: 40px; width: 100px;}